<script setup lang="ts">
</script>

<template>
<div>
<AuthenText>
  温馨提示：
1. 店铺公告可加入联系方式，但不要加入非法关键词，如：赌博类、色情类，等等，如发现一律永久封锁店铺保证金不退，共同创造绿色家园。
2. 自2023年1月1日起，原开通的店铺默认等级为普通店铺，普通店铺将不再支持发布/修改/上架域名，并无法再新开普通店铺。
3. 自即日起推出签约店铺，对于签约的店铺，我们将优先域名一口价排名，让您的域名始终得到更多曝光，关于签约店铺的开通升级请点击下方【立即签约】联系聚名网客服咨询详情。点击查看详情
4. 一旦签约成功，原开通店铺保证金会自动退还到您的账号余额，您可以用于消费。
</AuthenText>
  <el-card>
    <el-form class="pl-40" label-width="100" label-suffix="：">
      <el-form-item label="店铺状态">
        <div><span>正常</span> <NuxtLink class="text-blue-400 ml-2">&gt;&gt;进入店铺</NuxtLink></div>
      </el-form-item>
      <el-form-item label="店铺状态">
        <div><span>[个人]签约店铺</span><NuxtLink class="ml-2 text-blue-400">查看协议</NuxtLink><NuxtLink class="ml-2 text-blue-400">升级店铺</NuxtLink></div>
      </el-form-item>
      <el-form-item label="店铺名称">
        <div class="flex w-1/2"><div class="w-1/2">
          <el-input placeholder="店铺名称"></el-input>
        </div>
        <div class="text-gray-400 ml-2">请不要加非法关键词,否则您的店铺可能被强制关闭</div>
        </div>
      </el-form-item>
      <el-form-item label="店铺推广地址">
        <div>
          <NuxtLink class="text-blue-400">http://421099.jm.cn</NuxtLink><span class="mx-1">或</span><NuxtLink class="text-blue-400">http://www.lanming.com/421099/</NuxtLink>
        </div>
      </el-form-item>
      <el-form-item label="店铺logo">
          <div>
            <el-upload
                class="positive"
                drag
                action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
                multiple
            >
              <el-icon class="el-icon--upload"><upload-filled /></el-icon>
              <div class="el-upload__text ">
                <el-button type="primary">点击上传LOGO</el-button>
              </div>
            </el-upload>
            <div class="text-xs text-gray-400">注：图片仅支持jpg、gif、png格式；图片必须大于30x30像素并且小于300x300像素，图片必须小于50KB。</div>
          </div>
      </el-form-item>
      <el-form-item label="店铺公告">
        <el-input type="textarea" placeholder="请输入店铺公告"></el-input>
      </el-form-item>
      <el-form-item label="店铺设置隐藏">
        <div class="w-full">
          <div class="w-1/2 mb-1">
            <el-checkbox-group>
              <el-checkbox v-for="(item,ind) in ['店铺头像','店铺名称','排行榜店铺ID','卖家信用等级']" :value="ind+1">{{item}}</el-checkbox>
            </el-checkbox-group>
          </div>
          <div class="text-gray-400 text-xs">选择隐藏后店铺头像、店铺名称、排行榜店铺ID、卖家信用等级相关信息将会被隐藏</div>
        </div>
      </el-form-item>
      <el-form-item label="店铺是否开放">
        <div class="flex">
          <div>
            <el-checkbox>不开放</el-checkbox>
          </div>
          <div class="text-gray-400 text-xs mt-1 ml-2">
          选择不开放后别人无法进入到您的店铺，但是您发布的域名会在整个一口价列表中，不影响出售
        </div>
        </div>
      </el-form-item>
      <el-form-item label="关联店铺ID">
        <div class="w-full">
          <div class="w-1/2 mb-1">
            <el-input placeholder="请设置店铺ID">设置关联店铺ID，最多设置30个(逗号隔开)，设置后关联店铺出售的域名将在您店铺的出售列表中展示</el-input>
          </div>
          <div class="text-gray-400 text-xs"></div>
        </div>
      </el-form-item>
      <el-form-item label="店铺收藏人数">
        <div class="flex">
          <div>
            <span class="font-bold">1</span>个
          </div>
          <div class="text-gray-400 text-xs mt-1 ml-2">
            您的店铺被多少用户收藏了
          </div>
        </div>
      </el-form-item>
      <el-form-item label="域名出售短信短信通知">
        <div class="flex">
          <div>
            <el-input placeholder="输入提醒金额" />
          </div>
          <div class="text-gray-400 text-xs mt-1 ml-2">
            元 设置为0则代表关闭短信通知，设置大于0则对售价≥该设置的域名进行短信通知
          </div>
        </div>
      </el-form-item>
      <el-form-item label="保证金">
        <div class="flex">
          <div>
            <span class="font-bold text-red-400">¥0 元</span>
          </div>
        </div>
      </el-form-item>
      <el-form-item label="保证金">
        <div class="flex">
          <div>
            <span>2021-03-31 15:25:35</span>
          </div>
        </div>
      </el-form-item>
      <el-form-item label="一口价修改后价格差比例设置">
        <div class="flex">
          <div>
            <el-input placeholder="输入提醒比例" />
          </div>
          <div class="text-gray-400 text-xs mt-1 ml-2">
            % 设置0为不提醒，一口价修改后的价格与上次价格差比例，若达到或低于设置的比例会进行提醒，默认0%
          </div>
        </div>
      </el-form-item>
      <el-form-item label="店铺首页域名默认排序方式">
        <div class="flex">
          <div>
            <el-select placeholder="默认" clearable>
              <el-option v-for="(item,ind) in ['域名价格','上架时间','注册时间','到期时间','域名长度','百度权重']" :label="item" :value="ind+1"></el-option>
            </el-select>
          </div>
          <div class="text-gray-400 text-xs mt-1 ml-2">
            % 设置0为不提醒，一口价修改后的价格与上次价格差比例，若达到或低于设置的比例会进行提醒，默认0%
          </div>
        </div>
      </el-form-item>
      <el-form-item>
        <div><el-button type="primary">修改</el-button><el-button class="ml-2">我要关闭店铺</el-button></div>
      </el-form-item>
    </el-form>
    <el-collapse accordion>
      <el-collapse-item title="店铺操作记录">
        <AuthenText>
  <div v-for="item in 4">记录{{item}}</div>
        </AuthenText>      </el-collapse-item>
    </el-collapse>
  </el-card>
</div>
</template>

<style scoped lang="scss">

</style>